<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .item{
          width: 200px;
          height: 200px;
          margin-top: 10px;
          background-color: aqua;  
        }
    </style>
</head>
<body>
    <a href="mailto:15871437346@163.com?subject=Hello%20again">发送邮件</a>
    <a href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=在线交流&menu=yes">
        QQ联系
        <!-- <img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号码:53" alt="点击这里打开QQ聊天" title="点击这里打开QQ聊天"/> -->
    </a>
     <a href="https://www.baidu.com">百度</a>
    <a href="https://www.baidu.com" target="_blank">会在新的页面打开百度</a>
    <a href="#yifu">衣服</a>
    <!-- #号会去找name 让name对应的内容 能够显示出来 -->
    <a href="#shouji">手机</a>
    <a href="#yundong">运动</a>
    <div class="item">
        美妆的内容
    </div>
    <div class="item">
        女包的内容
    </div>
    <div class="item">
        口红的内容
    </div>
    <div class="item">
        篮球的内容
    </div>
    <div class="item">
        <a name="yifu">衣服的锚点</a>
        衣服的内容
    </div>
    <div class="item">
        女包的内容
    </div>
    <div class="item">
        口红的内容
    </div>
    <div class="item">
        篮球的内容
    </div>
    <div class="item">
        <a name="shouji">   手机的内容</a>
     
    </div>
    <div class="item">
        女包的内容
    </div>
    <div class="item">
        口红的内容
    </div>
    <div class="item">
        篮球的内容
    </div>
    <div class="item">
        <a name="yundong">   运动的内容</a>
        
    </div>


    
</body>
</html>